.root {
    composes: absolute from global;
    composes: bg-white from global;
    composes: border-2 from global;
    composes: border-input from global;
    composes: border-solid from global;
    composes: border-t-0 from global;
    composes: gap-3 from global;
    composes: grid from global;
    composes: left-0 from global;
    composes: p-xs from global;
    composes: right-0 from global;
    composes: rounded-b-md from global;
    composes: rounded-t-none from global;
    composes: shadow-inputFocus from global;
    composes: text-sm from global;
    composes: top-9 from global;
    composes: z-menu from global;
    transition-property: opacity, transform, visibility;
}

.root_hidden {
    composes: root;

    composes: invisible from global;
    composes: opacity-0 from global;
    transform: translate3d(0, -2rem, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
}

.root_visible {
    composes: root;

    composes: opacity-100 from global;
    composes: visible from global;
    transform: translate3d(0, 0, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}

.message {
    composes: px-3 from global;
    composes: py-0 from global;
    composes: text-center from global;
    composes: text-subtle from global;

    composes: empty_hidden from global;
}

.suggestions {
    composes: gap-2xs from global;
    composes: grid from global;

    composes: empty_hidden from global;
}
